@bgSet: center center / 100% 100% no-repeat;
@bluColor: #2c72ff;
@iconSize: 20px;

// 页面 index.js
.page {
  overflow: hidden;
  // padding: 0 20px;
  .header {
    height: 40px;
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 20px;
    .search-box {
      height: 100%;
      width: 100%;
      background: #fff;
      border-radius: 50px;
      overflow: hidden;
      display: flex;
      justify-content: center;
      align-content: center;
      :global {
        .am-search {
          height: 100%;
          width: 100%;
          background: none;
        }
      }
    }
  }
  .fix-btn-group {
    position: fixed;
    z-index: 999;
    bottom: 10vh;
    right: 5vw;
    .refresh-btn {
      @size: 30px;
      height: @size;
      width: @size;
      border-radius: @size;
      background: url('/icon/refresh.svg') @bgSet;
      transition: all 0.3s ease-in-out;
      box-shadow: 0px 0px 10px 0px #18e2f5;
      &:active {
        transform: rotate(360deg);
      }
    }
  }
  .body {
    position: relative;
    min-height: 10vh;
    .select-dash-board-btn {
      position: absolute;
      height: @iconSize;
      width: @iconSize;
      top: 10px;
      right: 20px;
      z-index: 1;
      background: url('/icon/help_list_normal.png') @bgSet;
      &:active {
        background: url('/icon/help_list_highlighted.png') @bgSet;
      }
    }

    :global {
      // Tabs 样式调整
      .am-tabs-tab-bar-wrap {
        margin: 0 40px;
        overflow: hidden;
      }
      .am-tabs {
        .am-tabs-default-bar-top .am-tabs-default-bar-tab {
          border-bottom: none !important;
        }
        .am-tabs-default-bar-top .am-tabs-default-bar-prevpage,
        .am-tabs-default-bar-bottom .am-tabs-default-bar-prevpage {
          background: linear-gradient(to right, @bluColor, rgba(255, 255, 255, 0));
        }
        .am-tabs-default-bar-top .am-tabs-default-bar-nextpage,
        .am-tabs-default-bar-bottom .am-tabs-default-bar-nextpage {
          background: linear-gradient(to right, rgba(255, 255, 255, 0), @bluColor);
        }
        .am-tabs-default-bar-tab::after {
          display: none !important;
        }
        .am-list-body::after,
        .am-list-body::before {
          height: 0;
          width: 0;
          background: transparent;
        }
      }

      .am-list-body {
        background: transparent;
        border: none;
        padding-bottom: 10vh;
      }
    }
  }
}
